<script setup lang="ts">
import { LoaderCircle as LoadingIcon } from "lucide-vue-next";
</script>

<template>
  <Mask transparent="none" z="z-[100]">
    <div
      class="p-6 text-cyan-800 absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 font-bold"
    >
      <LoadingIcon class="animate-spin" :size="30" />
    </div>
  </Mask>
</template>
